{% load static %}
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>全球生鲜卖家管理后台</title>
    <link rel="stylesheet" href="{% static 'seller/css/font.css' %}">
    <link rel="stylesheet" href="{% static 'seller/css/xadmin.css' %}">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="{% static 'seller/lib/layui/layui.js' %}" charset="utf-8"></script>
    <script type="text/javascript" src="{% static 'seller/js/xadmin.js' %}"></script>
    <script type="text/javascript" src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>

</head>


<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">商品管理</a>
        <a href="/Seller/goods_list/">商品列表</a>
      </span>
</div>
<div class="x-body layui-anim layui-anim-up">
    <!-- 填充form表单 -->
    <!-- 1.创建一个form标签，用来提交请求参数。
        自己补全属性：method, action
        给出属性：class="layui-form", enctype="multipart/form-data"
     -->
    <form class="layui-form" method="post" action="/Seller/goods_change/" enctype="multipart/form-data">
        <!-- 2.书写伪装提交请求功能的代码 -->
        {% csrf_token %}
        <!-- 3.创建一个隐藏input标签 ，用来隐藏商品id。
                自己补全属性：name， type， value
                给出属性：无
         -->
        <input type="hidden" name="id" value="{{ goods_obj.id }}">
        <div class="layui-form-item">
            <label for="L_email" class="layui-form-label">
                <span class="x-red">*</span>商品编号
            </label>
            <div class="layui-input-inline">
                <!-- 4.创建一个input标签 ，用来显示并输入商品编号。
                    自己补全属性：name， type， value
                    给出属性：id="L_email", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_email" name="goods_num" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_num }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_username" class="layui-form-label">
                <span class="x-red">*</span>商品名称
            </label>
            <div class="layui-input-inline">
                <!-- 5.创建一个input标签 ，用来显示并输入商品名称。
                    自己补全属性：name， type， value
                    给出属性：id="L_username", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_username" name="goods_name" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_name }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_pass" class="layui-form-label">
                <span class="x-red">*</span>商品原价
            </label>
            <div class="layui-input-inline">
                <!-- 6.创建一个input标签 ，用来显示并输入商品原价。
                    自己补全属性：name， type， value
                    给出属性：id="L_pass", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_pass" name="goods_oprice" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_oprice }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>商品现价
            </label>
            <div class="layui-input-inline">
                <!-- 7.创建一个input标签 ，用来显示并输入商品现价。
                    自己补全属性：name， type， value
                    给出属性：id="L_repass", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_repass" name="goods_xprice" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_cprice }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>商品库存
            </label>
            <div class="layui-input-inline">
                <!-- 8.创建一个input标签 ，用来显示并输入商品库存。
                    自己补全属性：name， type， value
                    给出属性：id="L_repass", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_repass" name="goods_count" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_kucun }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>商品销量
            </label>
            <div class="layui-input-inline">
                <!-- 9.创建一个input标签 ，用来显示并输入商品销量。
                    自己补全属性：name， type， value
                    给出属性：id="L_repass", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_repass" name="goods_sales" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_kucun }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>商品描述
            </label>
            <div class="layui-input-inline">
                <!-- 10.创建一个input标签 ，用来显示并输入商品描述。
                    自己补全属性：name， type， value
                    给出属性：id="L_repass", required="", autocomplete="off", class="layui-input",
                -->
                <input type="text" id="L_repass" name="goods_description" required=""
                       autocomplete="off" class="layui-input" value="{{ goods_obj.goods_description }}">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>商品缩略图
            </label>
            <div class="layui-input-inline">
                <!-- 11.创建一个input标签 ，用来上传一个图片。
                    自己补全属性：name， type， value
                    给出属性：id="L_repass", required="", autocomplete="off", class="layui-input", multiple
                -->
                <input type="file" id="L_repass" name="userfiles" required=""
                       autocomplete="off" class="layui-input" multiple>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>商品类型
            </label>
            <div class="layui-input-inline">
                <!-- 12.创建一个select标签 ，用来显示并选择商品类型。
                    自己补全属性：name， type， value
                    给出属性：id="L_repass", required="", autocomplete="off", class="layui-input",
                    提示:option标签中加入selected="selected"属性，那么此标签就为默认值。
                -->
                <select id="L_repass" name="goods_type" required=""
                        autocomplete="off" class="layui-input">
                    {% for type_obj in type_obj_list %}
                        {% if type_obj.id == goods_obj.types.id %}
                            <option selected value="{{ type_obj.id }}">{{ type_obj.name }}</option>
                        {% else %}
                            <option value="{{ type_obj.id }}">{{ type_obj.name }}</option>
                        {% endif %}
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label for="desc" class="layui-form-label">
                商品详情
            </label>
            <div class="layui-input-block">
                <!-- 13.创建一个textarea标签 ，用来显示并输入商品详情。
                    自己补全属性：name
                    给出属性：placeholder="请输入内容", id="desc", class="layui-textarea", required=""
                -->
                <textarea placeholder="请输入内容" id="desc" name="goods_content" class="layui-textarea"
                          required="">{{ goods_obj.goods_details }}</textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
            </label>
            <!-- 14.创建一个input标签 ，用来设置提交按钮(命名: 保存)。
                    自己补全属性：type, value
                    给出属性：class="layui-btn", lay-filter="add", lay-submit=""
            -->
            <input type="submit" class="layui-btn" lay-filter="add" lay-submit="" value="保存"/>

        </div>
    <!-- form标签在此处结束 -->
    </form>
</div>

<script>
    CKEDITOR.replace('goods_content', {uiColor: '#FFFFFF'})
</script>

</body>

</html>